<template>
  <div>
    <img class="logo" src="./assets/logo.png" alt="logo">
<!--    使用组件标签-->
    <HelloWorld/>
  </div>
</template>

<script>
/*引入*/
  import HelloWorld from './components/HelloWorld'
  export default {
    //映射组件标签
    components: {HelloWorld}
  }
</script>


<style>
.logo{
  width: 100px;
  height: 100px;
  border: yellow solid 2px;
  transition: linear 300ms;
}
.logo:hover{
  width: 200px;
  height: 200px;
  border: green solid 3px;
}
</style>

